body {
  margin: 0;
}

@media (min-width: 1440px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1215px !important;
  }

  .header-logo {
    left: -145px;
  }
}

@media (max-width: 1000px) {
  .header .nav .nav-item .nav-link {
    font-size: .875rem
      /* 14/16 */
       !important;
  }

  .header .nav .nav-item.item-home {
    width: 5.25rem
      /* 100/16 */
       !important;
  }

  .header .nav .nav-item .flag-icon {
    top: 1.25rem
      /* 20/16 */
    ;
  }
}

.responsive-img {
  max-width: 100%;
  height: auto;
}

.header {
  border-bottom: 5px solid #ac2423;
}

.common-banner {
  width: 100%;
  height: calc(100vw/(1920/429));
  background-image: url('./assets/about_banner.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.header .header-share {
  display: flex;
  flex-wrap: wrap-reverse;
  height: 4.0625rem
    /* 65/16 */
  ;
}

.header .header-share .header-share_item {
  background-color: #ac2423;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin-left: 14px;
  background-position: center;
}

.header .header-share .header-share_item1 {
  font-size: .875rem
    /* 14/16 */
  ;
  background-color: #ac2423;
  height: 28px;
  line-height: 28px;
  font-style: unset;
  color: #fff;
  padding: 0 .3125rem
    /* 5/16 */
}

.header .header-share .header-share_item.icon2 {
  background-image: url(./assets/icons/weixin.png);
}

.header .header-share .header-share_item.icon3 {
  background-image: url(./assets/icons/douyin.png);
}

.header .header-share .header-share_item.icon4 {
  background-image: url(./assets/icons/taobao.png);
}


.header .nav {
  height: 4.6875rem
    /* 75/16 */
  ;
}

.header .nav .nav-item .nav-link {
  color: #3e3532;
  font-size: 1.375rem
    /* 22/16 */
  ;
  padding: 1.5rem 0;
  line-height: 1;
}

.header .nav .nav-item .flag-icon {
  background-image: url('./assets/icons/flag.png');
  width: 2.5rem
    /* 40/16 */
    /* 10/16 */
  ;
  height: 1.25rem
    /* 20/16 */
    /* 10/16 */
  ;
  position: absolute;
  left: 0;
}

.header .nav .nav-item {
  position: relative;
  text-align: center;
}

.header .nav .nav-item.item-home {
  width: 7.1875rem;
}

.header .nav .nav-item:hover .nav-link {
  color: #f36609;
  cursor: pointer;
}

.header .nav .nav-item.item-active::after {
  content: "";
  height: 4px;
  position: absolute;
  background-color: #f36609;
  width: 100%;
  left: 0;
  bottom: -4px;
}

/* .header .nav .item-active.nav-item {
  color: #f36609;
} */

.header .about {
  position: relative;
}

.header .about:hover .aboutSelect{
  display: block;

}

.aboutSelect {
  display: none;
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #f36609;
  margin: 0 -2rem;
  padding: 0 1rem;
  border-radius: 1rem;
}

.aboutSelect ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.aboutSelect ul li {
  margin: 1rem 0;
  background-color: transparent;
  border-radius: 1.5rem;
  padding: .2rem 0;
}

.aboutSelect ul li:hover {
  background-color: #ac2424;
}

.aboutSelect ul li a {
  color: #fff !important;
  text-decoration: none;
}

.header-logo {
  width: 93%;
  height: 125px;
  background-size: contain;
  background-image: url('./assets/logo.png');
  background-repeat: no-repeat;
  background-position-y: bottom;
  position: relative;
  top: .9375rem
    /* 15/16 */
  ;

}

.header-logo::after {
  content: "";
  height: 5px;
  position: absolute;
  background-color: #f36609;
  width: 100%;
  left: -2px;
  bottom: -5px;
  border-top-left-radius: 5px;
}

.qr-box {
  display: flex;
  justify-content: space-between;
}

.footer {
  width: 100%;
  background-color: #c62f2f;
  padding: 39px 0 34px 0;
}

.footer .qrcode {
  flex-grow: 1;
  height: 10.75rem
    /* 172/16 */
  ;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer .footer-left {
  padding-top: 40px;
}

.footer .footer-left_phone {
  font-size: 2.5rem
    /* 40/16 */
  ;
  color: #f36609;
  position: relative;
  padding-left: 3.125rem
    /* 50/16 */
  ;
}

.footer .footer-left_phone::before {
  content: '';
  background-image: url("./assets/icons/phone.png");
  height: 2.5rem
    /* 40/16 */
  ;
  width: 2.5rem
    /* 40/16 */
  ;
  background-size: contain;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}

.footer .footer-left_company {
  color: #fff;
  font-size: 1.125rem
    /* 18/16 */
  ;
  font-weight: lighter;
}

.footer .footer-left_address {
  color: #fff;
  font-size: 1.125rem
    /* 18/16 */
  ;
  position: relative;
  padding-left: 1.4375rem
    /* 23/16 */
  ;
  font-weight: lighter;
}

.footer .footer-left_address::before {
  content: '';
  background-image: url("./assets/icons/address.png");
  height: 1.125rem
    /* 12/16 */
  ;
  width: 1.125rem
    /* 12/16 */
  ;
  background-size: contain;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  top: 0;
}

.footer .qr-img {
  max-width: 100%;
  height: auto;
}

.footer .qr-item {
  flex-grow: 1;
}

.footer .qrcode.weixin {
  background-position: left;
  background-image: url("./assets/qrweixin.png");
}

.footer .qrcode.douyin {
  background-position: center;
  background-image: url("./assets/qrdouyin.png");
}

.footer .qrcode.taobao {
  background-position: right;
  background-image: url("./assets/qrtaobao.png");
}

.form-control:focus {
  border-color: #f36609 !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 102, 9, .25) !important;
}

/* carousel button bg-color */
.carousel-control-next,
.carousel-control-prev {
  width: 8% !important;
  height: 12rem;
  /* margin: auto 1rem; */
  margin: auto 0;
  background: rgba(0, 0, 0, .2);
}

/* carousel image center */
.carousel-item img {
  /* max-width: 100%; */
  margin: 0 auto;
  max-height: 600px;
}
